<ion-modal-view ng-controller="${widgetCode}Ctrl">
  <ion-header-bar class="bar bar-header bar-positive">
	 <button ng-click="closeModal()" class="button back-button buttons button-clear header-item">
		<i class="icon ion-android-arrow-back"></i> 
     </button>   
     <h1 class="title">{{modalTitle}}</h1>
  </ion-header-bar>
  <ion-content class="gray-bg">
	<div class="gray-bg">
		<div class="white-bg" style="padding-bottom:2px;">
			<div class="item item-avatar border-none">
	        	<!--<img src="http://www.runoob.com/try/demo_source/nin_logo.jpeg">-->
	        	<span class="round-text round-text-big">{{ costDetailData.name | limitTo : 1}}</span>
	        	<h2 class="ex-name-title">{{ costDetailData.name}}</h2>
	      		<p style="margin-top: 9px;color:#ED7233;margin-left:5px;">{{costDetailData.commitType}}</p>
	      		<p style="position:absolute;top: 20%;right: 4%;">{{ costDetailData.date}}</p>
	        </div>
		<HR  width="93%" color=#987cb9 SIZE=1>
			<div style="padding-left: 3%;margin-bottom: 4%;margin-top: 4%;">
			   <p><strong>报销明细</strong></p>
			   <p class="line-height-10 light-text-color">报销金额(元)&nbsp;:&nbsp;{{ costDetailData.money}}</p>
			   <p class="line-height-10 light-text-color">报销类别&nbsp;:&nbsp;{{ costDetailData.style}}</p>
			   <p class="line-height-10 light-text-color">报销明细&nbsp;:</p>
			   <p class="line-height-10">{{ costDetailData.desc}}</p>
			</div>
		<HR  width="93%" color=#987cb9 SIZE=1 >
		<p style="padding-left: 3%;">总报销金额(元)&nbsp;:&nbsp;<span class="orange-text-color">{{ costDetailData.money}}</span></p>
		</div>
		<div class="gray-bg">
		    <section id="cd-timeline" class="cd-container">
				<div class="cd-timeline-block" ng-repeat="x in costDetailData.appList">
					<div class="cd-timeline-img cd-picture" style="background: {{x.imgBg}}">
						<img src="/map/repository/widgets/em_widgets/cost/images/{{x.imgUrl}}" alt="Picture">
					</div>
					
					<div class="timeline-last-mask" ng-if="$last"></div>
					
					<div class="cd-timeline-content" style="min-height: 70px;">
		            	<!--<img src="http://www.runoob.com/try/demo_source/nin_logo.jpeg">-->
		            	<span class="round-text" >{{ x.appName | limitTo : 1}}</span>
		            	<p style="position: absolute;top: 0px;left: 65px;font-weight: bold;">{{ x.appName}}</p>
		            	<p style="position: absolute;top: 20px;left: 65px;color:lawngreen">{{ x.appResult}}</p>
		            	<p style="position: absolute;top: 0px;right: 35px;">{{ x.appDate}}</p>
		            	<HR  width="95%" color=#987cb9 SIZE=1 style="margin-top:50px" ng-if=" x.appOpinion">
		            	<p ng-if=" x.appOpinion">{{ x.appOpinion}}<p>
					</div>
			    </div>
			 </section>
		 </div>	
	</div>
  </ion-content>
</ion-modal-view>